.main{
	width: 100%;height: auto;
	margin-top: 0.84rem;
	padding-top: 0.18rem;
	position: absolute;
}

.item.item0{
	width:100%;height:1.15rem;
	border:1px solid #F0F0F0;
}

.item{
	width:100%;height:1rem;
	background:#ffffff;
	border:1px solid #F0F0F0;
	
}
.item a{
	display: block;
	width:100%;height:1rem;line-height: 1rem;
	box-sizing: border-box;
	padding: 0 0.313rem;
	font-size: 0.313rem;
	color: #666666;
	background:#ffffff;
	
}
.item a:active{background: #F5F5F5;}
.item.item0 a{
	display: block;
	width:100%;height:1.15rem;line-height: 1.15rem;
	box-sizing: border-box;
	padding: 0 0.313rem;
	font-size: 0.313rem;
	color: #666666;
	background:#ffffff;
}
.item.item0 a:active{background: #F5F5F5;}
.item a>div{}
.itemLeft{
	float:left;
	width:auto;max-width: 2.5rem;
	height:1rem;line-height: 1rem ;
	overflow: hidden;
	text-align: left;
}
.item0 .itemLeft{
	float:left;
	width:auto;max-width: 2.5rem;
	height:1.15rem;line-height: 1.15rem ;
	text-align: left;
	color:#666666;
}
.itemRight{
	float:right;padding-right: 0;
	width:auto;max-width: 3.5rem;
	height:1rem;line-height: 1rem ;
	text-align: right;
	color:#333333;
}
.item0 .itemRight{
	float:right;
	width:auto;max-width: 3.5rem;
	height:1.15rem;line-height: 1.15rem ;
}
#preview{
	display: inline-block;
	width:0.77rem;height: 1.15rem;line-height: 1.15rem;
	overflow: hidden;
	/*margin-top:0.18rem;*/
}
#preview>img{
	width:0.77rem;height: 0.77rem;
	border-radius: 0.5rem;
}
.avatar{
	width:0.77rem;height: 0.77rem;
	
}

 .arrow_r{
 	margin-top:0.38rem;
 	float: right;
	display: inline-block;
	width:0.146rem;height: 0.26rem;
	margin-left: 0.2rem;
}
.item0 .itemRight .arrow_r{
	margin-top:0.45rem;
	margin-left: 0.2rem;
	float:right;
}
.itemRight>span{
	display: inline-block;
	width:auto;height: 1rem;line-height: 1rem;float:right;
	
}

.security{
	width:100%;height: 0.814rem;line-height: 0.814rem;
	font-size: 0.27rem;color:#888888;
	box-sizing: border-box;
	padding-left: 0.313rem;
	text-align: left;
}

.exit{
	margin-top: 0.4rem;
	width:100%;height: 0.96rem;
	text-align: center;
}
.exit>a{
	display: inline-block;
	border-radius: 0.1rem;
	width:6.9rem;height: 0.96rem;line-height: 0.96rem;
	text-align: center;
	font-size: 0.334rem;color: #FFFFFF;
	background: #FD9700;
}
.exit a:active{
	background: #FE8401;
}
/*******弹出面板***********/
/*公共样式*/
.grey{
	position: fixed;
	top:0;left: 0;
	width: 100%;height: 100%;
	z-index: 200;
	background: rgba(0,0,0,0.5);
	display: flex;
	justify-content: center;
}
/***拍照面板***/
.whiteboardTop{
	position: fixed;
	left:0.3rem;
	bottom:1.46rem;
	width:6.9rem;height: 2rem;
	border-radius: 0.2rem;
	overflow: hidden;
	background: #FFFFFF;
}
.whiteboardTop>div{
	width:100%;height: 1rem;line-height: 1rem;
	border-bottom: 1px solid #F5F5F5;
	text-align: center;
	font-size:0.334rem;
	color:#fd9700;
}
.whiteboardBot{
	position: fixed;
	bottom:0.313rem;
	left:0.3rem;
	width:6.9rem;height: 1rem;
	border-radius: 0.2rem;
	overflow: hidden;
	background: #FFFFFF;
}
.whiteboardBot>div{
	width:100%;height: 1rem;line-height: 1rem;
	text-align: center;
	font-size:0.313rem;
	color:#888888;
}
.myfile1{
	position:fixed;
	opacity: 0;
	bottom:2.43rem;
	width:6.9rem;height: 1rem;
	margin-top: 0;margin-left: 0;
	z-index: 299;
}

.myfile2{
	position:fixed;
	opacity: 0;
	bottom:1.46rem;
	width:6.9rem;height: 1rem;
	margin-top: 0;margin-left: 0;
	z-index: 299;
}

.grey.grey3{
	background: rgba(20,20,20,0.6);
	display: flex;
	display: -webkit-flex; 
	align-items: center;
	justify-content: center;
}
.grey.grey3 .whiteboard{
	width:6.5rem;
	/*height: 6.8rem;*/
	height: auto;min-height: 6.8rem;
	box-sizing: border-box;
	padding:0.5rem 0.46rem 0.5rem 0.5rem;
	background: #FFFFFF;
	border-radius: 0.1rem;
}
.whiteboard ul{
	width:100%;height: auto;
}
.whiteboard ul li {
	width:100%;height: 0.4rem;line-height: 0.4rem;
	margin-bottom: 0.4rem;
}
.whiteboard ul li span{
	display: inline-block;
	float:left;
}
.options{
	height:0.4rem;line-height: 0.4rem;
	font-size: 0.292rem;color:#888888;
}
.check{
	width:0.375rem;
	height: 0.375rem;line-height: 0.375rem;
	margin-right: 0.25rem;
	border-radius: 0.5rem;
	border:1px solid #888888;
}
.on .check{
	background: url(../images/setter/checked.png) center no-repeat;
	background-size: 100% 100%;
	border:none;
}
.caozuo{
	width:100%;height: 0.5rem;line-height: 0.5rem;
	text-align: right;
	
}
.caozuo input{
	font-size: 0.292rem;color:#FD9700;
	height: 0.38rem;line-height: 0.38rem;
	background: #FFFFFF;border:none;
	appearance: none;-moz-appearance: none;
	-webkit-appearance: none;
}
.caozuo input:active{
	opacity: 0.5;
}
.cancel3{
	margin-right: 0.5rem;
}

/*****弹出菜单 开始*******/

.grey4{
	position: fixed;z-index: 299;
	width:100%;height: 100%;top:0;left:0;
	background: rgba(20,20,20,0.6);
	display: flex;
	justify-content: center;
	align-items: center;
}
.grey4 .whiteboard{
	z-index: 299;border-radius: 0.2rem;
	width:6.26rem;height: 3rem;
	background: #FFFFFF;
}

.wb_top{
	width:100%;height: 0.4rem;line-height: 0.4rem;
	font-size: 0.313rem;color:#333333;
	margin-top:0.64rem;
	margin-bottom: 0.8rem;
	text-align: center;
}
.wb_bot{
	width:100%;height: 0.67rem;
	box-sizing: border-box;
	padding: 0 0.79rem;
}
.wb_bot>button{
	width:1.94rem;height: 0.67rem;line-height: 0.67rem;
	text-align: center;font-size: 0.292rem;
	border-radius: 0.5rem;
	border:none;
	outline: medium;
	appearance: none;-moz-appearance: none;
	-ms-progress-appearance: none;-webkit-appearance: none;
}
.wb_bot .cancel4{
	float:left;
	background: #FFFFFF;
	color:#888888;
	border:1px solid #E5E5E5;
}
.wb_bot .cancel4:active{
	background: #F5F5F5;
}
.wb_bot .comfirm4{
	float:right;
	background: #fe9102;
	color:#FFFFFF;
}
.wb_bot .comfirm4:active{
	background: #ff7800;
}